<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>拼接风险信息</title>
    <link rel="stylesheet" href="../css/bootstrap.min.css">
    <script src="./../js/index.js"></script>
    <style>
         body {
            font-size: 1rem;
        } 

        /* td {
            text-align: center;
        } */
    </style>
</head>

<body>
    <div id="app" class="container-xl">
       



        <br>
        <div class="container-xl">   
			<h4>拼接结果</h4>
			<div  @click="copyText()">
			<textarea class="form-control" rows="12" id ='msg' placeholder="" v-model='msg' readonly>
			
			
			</textarea>
			</div>
			<span id="cp2" style="font-size: 30px;color: #f20d0d;">复制成功！</span>

            <br>
			
			<div class="container-xl">
			  <div class="row">
			   
				  <textarea class="form-control" rows="6"  v-model="inputInfo"
                placeholder="粘贴风险信息"></textarea>			
			  </div>
			</div>
			<br/>
			<br/>
			<br/>
			
			<div class="container-xl">
			  <h4>粘贴示例</h4>
			  
			  <img src="../imgs/riskInfo.png">
			   
				 
			</div>

        </div>

    </div>
    <script src="./../js/vue.js"></script>
    <script>

        const app = new Vue({
            el: '#app',
            data: {
                msg: '',
                carCodeArray: [],
                inputStr: '',
                inputInfo: '',
                copyTextarea: '',
				//msg:''
                carInfo: {
                    str1: '',
                    str2: '',
                    str3: '',
                    str4: ''
                }

            },
			created() {
                // 设置定时器定时更新
                this.timer = setInterval(() => {
                   
                    //this.addNodata()
                    //this.getValue()
					this.handleRisk();
					this.msg = this.msg.trim();
                }, 500);

				var cp2 = document.getElementById("cp2"); //
				cp2.style.display = "none";
            },

            beforeDestroy() {
                // 清除定时器以避免内存泄漏
                clearInterval(this.timer);
            },
            methods: {

              
				
				copyText(){
				
					var select = document.getElementById("msg")
				
				
				
					select.select(); //选中textarea中的内容
					try {
						var successful = document.execCommand('copy'); //执行复制命令
						if (successful) {
							console.log('成功复制！');
							if(select.value!=''){
							var cp2 = document.getElementById("cp2"); //
							cp2.style.display = "block";
							}
							
							 

						} else {
							console.log('无法复制！');
						}
					} catch (err) {
						console.error('无法复制！', err);
					}
				
				
				},
				
				
				handleRisk(){
				
					if(this.inputInfo.trim()==''){
						
						return
					}
					if(this.inputInfo.indexOf('车牌号')==-1){
						console.log("车牌号为空")
						return
					}
					
					if(this.inputInfo.indexOf('所属业户')==-1){
						console.log("所属业户为空")
						//return
					}
					
					if(this.inputInfo.indexOf('发生时间')==-1){
						console.log("发生时间为空")
						return
					}
					
					if(this.inputInfo.indexOf('风险等级')==-1){
						console.log("风险等级为空")
						return
					}
					
					if(this.inputInfo.indexOf('风险类型')==-1){
						console.log("风险类型为空")
						return
					}
					
					
					
					
					//去除左右空格					
					this.inputInfo = this.inputInfo.trim()
					
					var strArray = this.inputInfo.split(/\r\n|\n/)
					console.log("======================================")
					console.log(strArray)
					// 车牌号
					var carNumber=''
					// 所属企业
					var companyName = ''
					// 报警时间
					var alarmTime =''
					// 风险等级
					var riskLevel =''
					// 风险类型
					var riskType =''
					for(var i = 0; i < strArray.length; i++){
						// 获取车牌号
						if(strArray[i].indexOf('车牌号')!=-1){
							carNumber=strArray[i+1].trim()
						}
						
						// 获取所属企业
						if(strArray[i].indexOf('所属业户')!=-1){
							companyName=strArray[i+1].trim()
						}
						
						// 发生时间
						if(strArray[i].indexOf('发生时间')!=-1){
							alarmTime=strArray[i+1].trim()
						}
						
						// 风险等级
						if(strArray[i].indexOf('风险等级')!=-1){
							riskLevel=strArray[i+1].trim()
						}
						
						// 报警类型
						if(strArray[i].indexOf('风险类型')!=-1){
							riskType=strArray[i+1].trim()
						}
					
					
					}
					
					riskLevel = riskLevel.substring(0, 1)
					
					if(riskLevel=='1'){
						riskLevel='一'
					}
					else if(riskLevel=='2'){
						riskLevel='二'
					}
					else if(riskLevel=='3'){
						riskLevel='三'
					}
					
					this.msg ='所属企业：'+companyName+'\n'+
							  '车牌号码：'+carNumber+'\n'+
							  '报警时间：'+alarmTime+'\n'+
							  '报警类型：'+riskType+'('+riskLevel+'级风险)\n'
							  
					// 处理意见
					var handlingOpinions = ''
					
					riskTypeStr = riskType.replace("报警", "")
					
					//设备遮挡失效报警
					if(riskTypeStr.indexOf('遮挡')!=-1){
						console.log("================设备遮挡失效报警=========================")
						handlingOpinions = '处置意见：经核实，司机开车期间设备遮挡失效，属于风险属实，请通知司机调整摄像头拍摄角度或遮挡物，确保能正常拍摄驾驶员上半身。并请企业相关负责人完成后续安全教育工作，做好书面台账记录，以备管理部门日常监督检查，请知悉，谢谢。  '
					}
					// 抽烟
					else if(riskTypeStr.indexOf('抽烟')!=-1){
						handlingOpinions = '处置意见：经核实，司机开车期间抽烟，属于风险属实，已完成处置及已TTS下发提示安全驾驶。请企业相关负责人完成后续安全教育工作，做好书面台账记录，以备管理部门日常监督检查，请知悉，谢谢。'
					}
					
					// 玩手机
					else if(riskTypeStr.indexOf('玩手机')!=-1){
						handlingOpinions = '处置意见：经核实，司机开车期间玩手机，属于风险属实，已完成处置及已TTS下发提示安全驾驶。请企业相关负责人完成后续安全教育工作，做好书面台账记录，以备管理部门日常监督检查，请知悉，谢谢。'
					}
					
					// 接打手机
					else if(riskTypeStr.indexOf('接打手机')!=-1){						
						handlingOpinions = '处置意见：经核实，司机开车期间接打手机，属于风险属实，已完成处置及已TTS下发提示安全驾驶。请企业相关负责人完成后续安全教育工作，做好书面台账记录，以备管理部门日常监督检查，请知悉，谢谢。'
					}
					// 超速
					else if(riskTypeStr.indexOf('超速')!=-1){
						handlingOpinions = '处置意见：经核实，司机开车期间超速报警风险属实，已完成处置及已TTS下发提示安全驾驶，请企业相关负责人完成后续安全教育工作，做好书面台账记录，以备管理部门日常监督检查，请知悉，谢谢。'
					}
					
					// 超时
					else if(riskTypeStr.indexOf('超时')!=-1){
						handlingOpinions = '处置意见：经核实，司机开车期间驾驶超时，属于风险属实，已完成处置及已TTS下发提示安全驾驶。请企业相关负责人完成后续安全教育工作，做好书面台账记录，以备管理部门日常监督检查，请知悉，谢谢。'
					}
					
					// 安全带
					else if(riskTypeStr.indexOf('安全带')!=-1){
						handlingOpinions = '处置意见：经核实，司机开车期间没有系安全带，属于风险属实，已完成处置及已TTS下发提示安全驾驶，请企业相关负责人完成后续安全教育工作，做好书面台账记录，以备管理部门日常监督检查，请知悉，谢谢。'
					}
					// 方向盘
					else if(riskTypeStr.indexOf('方向盘')!=-1){
						handlingOpinions = '处置意见：经核实，司机开车期间双手脱离方向盘报警风险属实，已完成处置及已TTS下发提示安全驾驶，请企业相关负责人完成后续安全教育工作，做好书面台账记录，以备管理部门日常监督检查，请知悉，谢谢。'
					}
					// 其他
					else {
						handlingOpinions = '处置意见：经核实，司机开车期间'+riskTypeStr+'，属于风险属实，已完成处置及已TTS下发提示安全驾驶。请企业相关负责人完成后续安全教育工作，做好书面台账记录，以备管理部门日常监督检查，请知悉，谢谢。'
					
					}
					this.msg = this.msg+handlingOpinions				
					this.inputInfo=''
				
				},

                addNodata() {
				
					if (this.inputInfo.trim().indexOf('定位位置') !== -1) {
                        return
                    }
					if(this.inputInfo.trim()==''){
						
						return
					}
					var noDatainfo = this.inputInfo.trim()
                    var strArray = noDatainfo.split(/\r\n|\n/)
					if(strArray.length !=9 && strArray.length !=10){
						console.log("数组长度-------------"+strArray.length)
						return
					}

                    
					
					if (strArray[1].trim().indexOf('粤') == -1) {
                        return
                    }
					
					if (strArray[2].trim().indexOf('色') == -1) {
                        return
                    }

                    if(strArray.length==9 && strArray[6].trim().indexOf('km/h') == -1){
                        return
                    }

                    if(strArray.length==10 && strArray[7].trim().indexOf('km/h') == -1){
                        return
                    }
					
					
					


                    str1 = strArray[1]
                    if(strArray.length==9){
                        str4 = strArray[7]
                    }
                    if(strArray.length==10){
                        str4 = strArray[8]
                    }
                    //str4 = strArray[7]
                    console.log(str1)
                    console.log(str4)
                    carInfo = new Object();
                    carInfo.str1 = '--:--:--'
                    carInfo.str2 = str1.trim()
                    carInfo.str3 = 0
                    carInfo.str4 = str4.trim()
                    this.carCodeArray.push(carInfo)
                    this.inputInfo = ''
					this.msg = ''
					for(var i = 0; i < this.carCodeArray.length; i++){
					
						this.msg =this.msg+this.carCodeArray[i].str1 +'\t'+this.carCodeArray[i].str2 +'\t'+this.carCodeArray[i].str3 +'\t'+this.carCodeArray[i].str4 +'\n'					
					}

                },
				// 设置有轨迹数据
                getValue() {
					if(this.inputInfo==''){
						return 
					}
					var info = this.inputInfo.trim()
					
					var strArray = info.split(/\r\n|\n/)
					
					if(strArray.length !=9){
						
						return
					}
					//获取车牌		
					if (strArray[0].indexOf('粤') !== -1) {

                    } else {
                        console.log("不包含车牌-------------")
                        return
                    }					
					var str2 = strArray[0].trim()
					
                    console.log("获取车牌：" + str2)
					
					//获取定位时间
					if (strArray[2].indexOf('定位时间') !== -1) {

                    } else {
                        console.log("不包含定位时间-------------")
                        return
                    }
					var str1 = strArray[2].substring(17).trim()
					
                    console.log("获取定位时间：" + str1)
					//获取定位位置
					if (strArray[8].indexOf('定位位置') !== -1) {

                    } else {
                        console.log("不包含定位位置-------------")
                        return
                    }
                    var str4 = strArray[8].substring(6).trim()
					
                    console.log("获取定位位置：" + str4)
					//获取行驶速度	
					if (strArray[5].indexOf('行驶速度') !== -1) {

                    } else {
                        console.log("不包行驶速度-------------")
                        return
                    }
                    var strPosition7 = strArray[5].indexOf('km/h')
                    var str3 = strArray[5].substring(6,strPosition7).trim()
					
                    console.log("获取行驶速度：" + str3)

                    carInfo = new Object();
					carInfo.str1 = str1
					carInfo.str2 = str2
					carInfo.str3 = Math.round(str3)
					carInfo.str4 = str4
					this.carCodeArray.push(carInfo)
                    this.inputInfo = ''
					this.msg = ''
					for(var i = 0; i < this.carCodeArray.length; i++){
					
						this.msg =this.msg+this.carCodeArray[i].str1 +'\t'+this.carCodeArray[i].str2 +'\t'+this.carCodeArray[i].str3 +'\t'+this.carCodeArray[i].str4 +'\n'					
					}

                }
            }




        })



    </script>
    <script src="../js/bootstrap.bundle.min.js"></script>
</body>

</html>